import { Checkbox, Col, Row } from "antd";
import Item from "antd/es/list/Item";
import React, { useEffect, useId, useMemo } from "react";

interface checkboxContentType {
  id?: string;
  content?: string;
  isChecked?: boolean;
}
type propsType = { data: checkboxContentType[] };

function CheckBoxContent(props: propsType) {
  console.log(props);
  const { data } = props;

  return (
    <>
      <>
        <Row>
          {data.map((item) => (
            <Col key={item.id} span={12}>
              <Checkbox checked={item.isChecked} value={item.id}>
                {item.content}
              </Checkbox>
            </Col>
          ))}
        </Row>
      </>
    </>
  );
}

export default CheckBoxContent;
